<template>
    <van-nav-bar title="确认订单" left-text="返回" left-arrow />
    <div class="container">
        <div class="main">
            <div class="adress">
                <van-cell title="肖家河大厦3楼6教室" class="d" icon="location-o" />
                <van-cell title="立即送出" value="大约10:3送达" />
            </div>
            <div class="goods">
                <ul class="bool">
                    <li class="list">
                        <van-cell title="快速发货" value="第三方物流配送免运费" />
                        <div class="content"></div>
                    </li>

                </ul>
            </div>
            <div class="pay">
                <van-cell value="内容" is-link>
                    <!-- 使用 title 插槽来自定义标题 -->
                    <template #title>
                        <span class="custom-title">支付宝</span>
                        <van-tag type="danger">推荐</van-tag>
                    </template>
                </van-cell>
                <van-cell title="单元格" icon="shop-o">
                    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
                    <template #right-icon>
                        <van-icon name="search" class="search-icon" />
                    </template>
                </van-cell>
            </div>
            <van-cell title="订单备注" is-link />
            <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" />
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
@import '../../styles/index.scss';

.container {
    background-color: $g05;

    .main {
        display: flex;
        flex-direction: column;
        width: 380px;
        background-color: $g05;

        .adress {
            width: 100%;
            height: 100px;
            background-color: $g05;

            .d {
                height: 60px;
                display: flex;
                justify-content: center;
            }
        }

    }
}</style>